@import './element-variables.scss';
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './scrollbar.scss';
@import './cardbox.scss';
@import './el-tree.scss';
@import './theme1.scss';
@import './theme2.scss';
@import './theme3.scss';
$btnBg: themeColor;
// $bgColor: localStorage.getItem('colorPicker');

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;

}

#app {
  height: 100%;
  background-color: #F0F2F5;

}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  margin: 10px;

  // padding: 10px;
  .container {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
  }
}



.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.drawer-container {

  .el-cascader-node>.el-radio,
  .el-radio:last-child {
    margin-right: 30px;
  }
}


.table-btn-box {
  line-height: 50px;
  float: left;

  .el-dropdown {
    margin-left: 10px;
  }
}

.el-table--default {
  .icon-search {
    font-size: 18px;
    font-weight: bold;
  }
}

.el-table--medium {
  .icon-search {
    font-size: 17px;
    font-weight: bold;
  }
}

.el-table--small {
  .icon-search {
    font-size: 16px;
    font-weight: bold;
  }
}

.el-table--mini {
  .icon-search {
    font-size: 14px;
    font-weight: bold;
  }
}

/* 所有表单时间宽度 */
.el-date-editor--datetime {
  width: 100% !important;
}

/* 所有表单下拉选宽度 */
.el-select {
  width: 100% !important;
}

.el-table__fixed-right {
  height: 100% !important;
}

/* 请购和采购增加新增时候底部一行字（改的样式） */
.elDialog {
  .el-dialog__body {
    // position: relative;
    // padding: 0 20px 50px 20px !important;
  }
}

/* 编辑时候底部一行字样式 */
.bottomCont {
  width: 100%;
  padding: 0 20px;
  position: absolute !important;
  bottom: 0;
  left: 0;
  height: 35px;
  line-height: 35px;
}

.tabsPane {
  .el-tabs__content {
    height: calc(100% - 60px);

    .el-tab-pane {
      height: 100%;

      .chart-container {
        height: 100%;
      }
    }
  }
}

.news {
  .el-card__body {
    height: 100% !important;
  }
}

/* 全局详情字段两列样式 */
.twoDetailStyle {
  ul {
    li {
      width: 50%;
    }
  }
}

/* 全局详情字段三列样式 */
.threeDetailStyle {
  ul {
    li {
      width: 33.333%;
    }
  }
}

/* 全局详情字段样式 */
.detailDialogFont {
  h1 {
    font-size: 16px;
    font-weight: normal;
    background: #f6f6f6;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    margin: 0;
  }

  ul {
    border: 1px solid #eee;
    list-style: none;
    padding: 10px;
    margin: 0 0 5px 0;
    overflow: hidden;

    li {
      // width: 33.333%;
      float: left;
      font-size: 14px;
      margin-bottom: 5px;

      b {
        width: 100px;
        float: left;
        font-weight: normal;
        background: rgb(245, 245, 245);
        text-align: center;
        height: 30px;
        line-height: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }

      span {
        float: left;
        width: calc(100% - 120px);
        height: 30px;
        line-height: 30px;
        margin: 0 10px;
        border-bottom: 1px solid rgb(204, 204, 204);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }

    .oneHang {
      width: 100%;
    }
  }
}

/* 下拉搜索条件样式 */
.more-search {
  margin-top: 10px;

  .el-form {
    padding: 10px 10px 0 10px;

    .el-col {
      max-width: 380px;
      min-width: 150px;
      height: 40px;
      line-height: 40px;

      .el-input {
        width: 100%;
      }
    }
  }
}

/* 搜索条件无下拉只有keyword样式 */
.search-and-button {
  line-height: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;

  .el-input {
    width: 350px;
  }

  .el-date-editor {
    width: 300px !important;
  }
}

.noLeftInput {
  .btnList {
    text-align: right;
    width: 100%;
  }
}

/* 表格 */
.table {
  margin-top: 20px;
}

/* 全局h1样式 */
.titleH1 {
  font-size: 16px;
  font-weight: normal;
  background: #f6f6f6;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  margin: 0 0 10px 0;
}

/* 所有详情样式 */
.detailsTop {
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  margin-bottom: 15px;

  .el-divider--horizontal {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
  }

  .el-divider {
    background-color: #4e73df;
  }

  span {
    // position: absolute;
    // top: 0;
    font-size: 18px;
    font-weight: bold;
  }
}

.detailCont {
  height: 100%;
  overflow-y: auto;
}

.tabOver {
  .el-input--mini .el-input__inner {
    height: 26px;
    line-height: 26px;
  }
}

.tabNoStyle {
  color: #1891FF;
  cursor: pointer;
}

.fl {
  float: left;
}

/* 全局相同的几个样式 */
.allBox {
  width: 100%;
  height: 33.333%;

  h1 {
    font-size: 16px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    margin: 0;
  }

  .allContent {
    height: calc(100% - 30px);
    background: url(../assets/images/kb01/kuanbg.png) no-repeat;
    background-size: 100% 100%;
  }
}

.allWidthHeight {
  width: 100%;
  height: 100%;
}

.mes-container {
  ul {
    padding: 0;
    margin: 0;

    li {
      list-style: none;
      overflow: hidden;
    }
  }
}

/* 修改进度条样式 */
.progressThreeBox {
  .el-progress--circle .el-progress__text {
    color: #fff;
    font-size: 1.3rem !important;
  }
}

.tables {
  .showDiv {
    .el-progress-bar__innerText {
      color: #fff !important;
      text-shadow: 2px 1px 2px #000;
      font-size: 18px;
    }
  }

}

.progressBox {
  .el-progress {
    // border-radius: 0 !important;

    .el-progress-bar {
      // border-radius: 0 !important;

      .el-progress-bar__outer {
        // border-radius: 0 !important;
        background: linear-gradient(to right, #d8d9da, #b0cce4);

        .el-progress-bar__inner {
          // border-radius: 0 !important;
          background: linear-gradient(to right, #31D6F6, #299CFC);

          .el-progress-bar__innerText {
            // color: #fff !important;
          }
        }
      }
    }
  }
}

/* 看板时间显示不出 （层级问题） */
.el-picker-panel {
  z-index: 9999999 !important;
}

/* 水平居中样式 */
.allDisCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 生产看板统一tabs样式 */
.allStyleCont {
  .el-tabs__nav-wrap::after {
    height: 0 !important;
  }

  .el-tabs {
    height: 100%;
    padding: 10px 0;

    .el-tabs__content {
      height: 100%;

      .el-tab-pane {
        height: 100%;
      }
    }
  }

  .el-tabs__header {
    .el-tabs__item {
      color: #b1d6fb;
      font-size: 18px;
      border-right: 1px solid #b1d6fb;
      margin: 8px 0;
      height: 25px;
      line-height: 25px;
      text-align: center;
    }

    .el-tabs__item:last-child {
      border-right: none;
    }

    .is-active {
      color: #17b1ed;
    }

    .el-tabs__active-bar {
      background: none;
    }

    .el-tabs__nav {
      width: 100%;
    }
  }
}

/* 生产看板时间样式 */
.rightTime {

  .el-date-editor.el-input,
  .el-range-editor.el-input__inner {
    width: 100% !important;
  }

  // .el-range-editor.el-input__inner {
  //   color: #fff;
  // }

  .el-input__inner {
    height: 32px;
    line-height: 32px;
    background: none;
    font-size: 10px;
    color: #fff;
  }

  .el-range-input {
    background: none !important;
    color: #fff !important;
  }

  .el-input__icon {
    line-height: 32px;
    font-size: 10px;
  }
}

/* loading层级 */
.el-loading-mask.is-fullscreen {
  z-index: 9999991 !important;
}

.news {
  z-index: 20001 !important;
}

.greenColor {
  color: green;
}

.redColor {
  color: red;
}

.yellowColor {
  color: yellow;
}

.kong {
  height: 100%;
  background: url(../assets/images/zwsj.png) no-repeat center;
  background-size: 30% auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /*定义body的里的元素水平居中*/
  color: #fff;
  font-size: 0.8vw;
}

// .el-button--primary {
//   // color: var(--themeColor) !important;
//   background: $btnBg !important;
// }

.global-button-class {
  // background: var(--$bgColor) !important;
}

// :export {
//   btnBg: $btnBg;
// }